/**
 * 推荐页面管理
 * 
 * @param $
 */
(function($) {

	var pageObject = {
		// 用于识别当前选中行
		data_index : "",

		init : function() {
			// 初始化添加按钮
			this._init_add_btn_event();
			// 删除提交按钮
			this._reg_delete_block_page_btn();
			// 初始化修改按钮
			this._reg_update_block_page_btn();
			// “提交按钮”
			this._reg_submit_btn();
			// 初始化表格
			this._init_table();
		},

		/** 初始化添加按钮 */
		_init_add_btn_event : function() {
			$("#pf-add-block-page-btn").click(function() {
				// 重置form
				$("#pf-block-page-save-form").resetForm();
				$("#id").val(null);

				$("#pf-modal-title").html("添加推荐页面");
				$("#pf-add-block-page-modal").modal("show");
			});

		},

		/** 删除按钮事件 */
		_reg_delete_block_page_btn : function() {
			$(document).on("click", ".pf-delete-block-page-btn", function() {
				var $tr = $(this).closest("tr");
				layer.msg('确定删除标题为：' + $tr.data("data").title + "的推荐页面吗？", {
					time : 0, // 20s后自动关闭
					icon : 3,
					shade : 0.3,
					btn : [ '确定', '取消' ],
					yes : function(index) {
						layer.close(index);
						var index = layer.msg('正在处理，请稍候。。。', {
							icon : 16,
							shade : 0.3
						});
						$.ajax({
							type : "GET",
							cache : false,
							data : {
								id : $tr.data("data").id,
								title : $tr.data("data").title
							},
							dataType : "json",
							url : "/manage/block/page/delete",
							success : function(data) {
								// 关闭加载框
								layer.close(index);
								if (data != undefined && data.isSuccess == true) {
									// 刷新
									$("#pf-block-page-table").bootstrapTable("refresh");
								} else {
									layer.msg(data.message, {
										icon : 2,
										shade : 0.3,
										btn : [ '确定' ]
									});
								}
							}
						});

					}
				});
			});
		},

		/** 修改按钮 */
		_reg_update_block_page_btn : function() {
			$(document).on("click", ".pf-update-block-page-btn", function() {
				// 重置form
				$("#pf-block-page-save-form").resetForm();
				var $tr = $(this).closest("tr");
				var data = $tr.data("data");
				// 显示弹窗
				$("#pf-modal-title").html("修改推荐页面");
				$("#pf-add-block-page-modal").modal("show");
				// 设置数据
				FormUtils.fill_form($("#pf-block-page-save-form"), data);
			});
		},

		/** “提交按钮” */
		_reg_submit_btn : function() {
			$("#pf-submit").click(function() {
				if (pageObject._validate_form_field()) {
					$("#pf-block-page-save-form").ajaxSubmit({
						dataType : "json",
						iframe : true,
						success : function(data) {
							if (data != undefined && data.isSuccess == true) {
								// 关闭 添加 用户的 form窗口
								$("#pf-add-block-page-modal").modal("hide");
								// 刷新
								$("#pf-block-page-table").bootstrapTable("refresh");
							} else {
								layer.msg(data.message, {
									icon : 2,
									shade : 0.3,
									btn : [ '确定' ]
								});
							}
						}
					});
				}
			});
		},

		/** 提交验证 */
		_validate_form_field : function() {
			if ($("#pf-block-page-save-form input[name='title']").val() == "") {
				layer.msg("推荐页面 标题不能为空", {
					time : 0,
					icon : 2,
					shade : 0.3,
					btn : [ '确定' ]
				});
				return false;
			} else {
				return true;
			}
		},

		/** 初始化分类表格 */
		_init_table : function() {
			$("#pf-block-page-table")
					.bootstrapTable(
							{
								method : 'get',
								url : "/manage/block/page/get/all",
								cache : false,
								// height : 400,
								sidePagination : 'server', // client or server
								queryParamsType : 'pageSize',
								// search : true,
								striped : true,
								pagination : true,
								pageSize : 200,
								pageList : [ 10, 20, 50, 100, 200 ],
								paginationDetail : false,
								paginationHAlign : 'right', // right, left
								showColumns : false,
								showRefresh : true,
								minimumCountColumns : 2,
								checkboxHeader : false,
								clickToSelect : true,
								columns : [
										{
											field : 'id',
											title : '#id',
											align : 'left',
											valign : 'middle',
											visible : true,
											sortable : false
										},
										{
											field : 'title',
											title : '推荐页面',
											align : 'left',
											valign : 'middle',
											visible : true,
											sortable : false,
											formatter : function(value, row, index) {
												return "<span>" + row.title + "</span>";
											}
										},
										{
											field : 'orderby',
											title : '排序',
											align : 'center',
											valign : 'middle',
											visible : true,
											sortable : true,
										},
										{
											field : 'option',
											title : '操作',
											align : 'center',
											valign : 'middle',
											visible : true,
											sortable : false,
											formatter : function(value, row, index) {
												return ' <button type="button" class="btn btn-danger btn-xs pf-delete-block-page-btn"><i class="glyphicon glyphicon-trash"></i>删除</button>&nbsp;'
														+ '<button type="button" class="btn btn-success btn-xs pf-update-block-page-btn"><i class="glyphicon glyphicon-pencil"></i>修改</button>&nbsp;';
											}
										} ]
							});
		},
	}
	pageObject.init();
})(jQuery);